* {
    margin: 0;
    padding: 0
}
#box {
    width: 100%;
    height: 100vh;
    background:rgb(245, 245, 245)
}
.top {
    width: 100%;
    height: 9vh;
    background:white;
}
.return {
    width: 40%;
    height: 9vh;
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.leftIcon {
    transform:rotate(90deg);
}
.icon{
    font-size:25px;
    margin-top:15px;
    margin-left:10%;
    font-weight:550;
}
.top-cart{
    font-size:23px;
    font-weight:550;
}
.top-text{
    width:100%;
    height:5vh;
    line-height:5vh;
    padding-left:4.5%;
    letter-spacing:1px;
    margin-bottom:0.5vh;
    color:rgb(72, 71, 71)
}
.choose-cart{
    width:100%;
    height:40vh;
}
.body-cart{
    width:93%;
    height:11.5vh;
    background:rgb(253, 253, 253);
    margin-top:1.5vh;
    border-radius:15px;
    margin-left:4%;
}
.body-cart-left{
    width:18.5%;
    height:8vh;
    background:rgb(255, 192, 56);
    float:left;
    border-radius:50%;
    text-align:center;
    line-height:10vh;
    margin-top:2vh;
    margin-left:5%;
}
.body-cart-left img{
    width:50%;
}
.body-cart-center{
    width:15%;
    height:11.5vh;
    float:left;
    text-align:center;
    line-height:4vh;
    padding-top:2vh;
    box-sizing:border-box;
    margin-left:2%;
}
.body-cart-center p:nth-child(1){
    font-size:20px;
    font-weight:550;
}
.body-cart-center p:nth-child(2){
    font-size:12px;
    color:gray;
    letter-spacing:2px;
}
.body-cart-right{
    width:30%;
    height:11.5vh;
    float:left;
    margin-left:25%;
}
.body-cart-right div:nth-child(1){
    width:60%;
    height:11.5vh;
    float:left;
    text-align:center;
    line-height:11.5vh;
    font-size:18px;
    font-weight:550;
}
.body-cart-right div:nth-child(2){
    width:40%;
    height:11.5vh;
    float:left;
    text-align:center;
    line-height:16vh;
}
.radio{
    width:55%;
    height:6vh;
}
.encode{
    width:100%;
    height:18vh;
}
.encode-top{
    height:6vh;
    width:93%;
    margin-top:2.5vh;
    margin-left:4%;
    font-size:18px;
    font-weight:550;
    border-top:0.5px solid rgba(205, 205, 205,0.5);
    line-height:8vh;
}
.encode-bottom{
    height:8vh;
    width:93%;
    margin-left:4%;
}
.encode-bottom-show{
    display:none
}
.encode-bottom-input{
    width:80%;
    height:8vh;
    float:left;
}
.encode-bottom-input input{
    width:100%;
    height:7vh;
    background:rgb(236, 236, 236);
    border-radius:15px;
    padding-left:8%;
    box-sizing: border-box;
    margin-top:1vh;
    font-size:14px;
    
}
.encode-bottom-button{
    width:13.5%;
    height:7vh;
    background:rgba(253, 247, 231,0.7);
    float:left;
    border-radius:50%;
    text-align:center;
    margin:1vh 3%;
    line-height:6.9vh;
    font-size:20px;
}
.distance{
    width:93%;
    margin-top:2.5vh;
    margin-left:4%;
    height:7vh;
    background:white;
    margin-top:5vh;
    border-radius:15px;
}
.distance-son{
    width:33%;
    height:7vh;
    float:left;
    text-align:center;
    line-height:7vh;
}
.distance-son span{
    letter-spacing:1px;
    font-weight:550;
    padding-left:5%;
    box-sizing: border-box;
}
.bottom-button{
    width:93%;
    margin-top:2.5vh;
    margin-left:4%;
    height:8vh;
}
.bottom-button button{
    border-radius:20px;
    background:rgb(254, 186, 41);
    color:black;
    border:0px;
}
.encode-price{
    float:left;
    height:6vh;
    line-height:6vh;
    padding:0 5%;
    background:rgb(255, 186, 41);
    border-radius:25px;
    font-size:16px;
    font-weight:550;
    margin-top:0.5vh;
}